<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>后台</title>

    <link href="__PUBLIC__/images/favicon.ico" rel="shortcut icon" />

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="__PUBLIC__/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/dashboard.css"/>
    <style>
        #tapCon {
            width: 510px;
            position: absolute;
            top: 100px;
            z-index: 1000;
            background-color: rgba(79, 95, 111, 0.7);
            _ background-color: #63717f;
            display: none;
            border-radius: 6px;
            padding: 10px;
        }

        .nav-tabs {
            border-bottom: 0;
        }

        .nav-tabs > li > a {
            margin-right: 0;
            border: 0;
            color: #fff;
            padding: 3px 8px 8px 8px;
        }

        .nav > li > a:hover,
        .nav > li > a:focus {
            background: none;
        }

        .nav-tabs > li > a:hover {
            border: 0;
        }
        
        #hangye{
        	height: 300px;
        	overflow-y: auto;
        }
    </style>
</head>

<body>

<include file="Common/topNav"/>

<div class="container-fluid">
    <div class="row">
        <include file="Common/leftMenu"/>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <div class="cont-title clearfix">
                <div class="title">楼宇统计信息</div>
                <!--<div class="btn-group"><button type="button" id="addUser"  class="btn">添加用户</button></div>-->
            </div>
            <div class="table-responsive" id="allmap" style="width:100%;height:750px;margin:0;font-family:'微软雅黑';">

            </div>

            <div id="tapCon">
                <!--<ul id="myTab" class="nav nav-tabs">
                    <li class="active"><a href="#xinxi" data-toggle="tab">楼宇信息</a></li>
                    <li><a href="#fenbu" data-toggle="tab">业态分布</a></li>
                    <li><a href="#tongji" data-toggle="tab">信息统计</a></li>
                    <li><a href="#nashui" data-toggle="tab">纳税分析</a></li>
                    <li><a href="#hangye" data-toggle="tab">入驻企业列表</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade in active" id="xinxi">
                        <img src="__PUBLIC__/images/tab3-1.jpg" width="100%"/>
                        <table class="main-table">
							<tbody>
								<tr>
									<td class="s1">名称：</td>
									<td class="s2">斯亚财富中心</td>
									<td class="s1">用地性质：</td>
									<td class="s2">商业用地</td>
								</tr>
								&lt;!&ndash;<tr>
									<td class="s1">名称：</td>
									<td class="s2">斯亚财富中心</td>
									<td class="s1">用地性质：</td>
									<td class="s2">商业用地</td>
								</tr>&ndash;&gt;

								&lt;!&ndash;<tr>
									<td class="s1">名称：</td>
									<td class="s2">斯亚财富中心</td>
									<td class="s1">用地性质：</td>
									<td class="s2">商业用地</td>
								</tr>
								<tr>
									<td class="s1">名称：</td>
									<td class="s2">斯亚财富中心</td>
									<td class="s1">用地性质：</td>
									<td class="s2">商业用地</td>
								</tr>
								<tr>
									<td class="s1">名称：</td>
									<td class="s2">斯亚财富中心</td>
									<td class="s1">用地性质：</td>
									<td class="s2">商业用地</td>
								</tr>
								<tr>
									<td class="s1">名称：</td>
									<td class="s2">斯亚财富中心</td>
									<td class="s1">用地性质：</td>
									<td class="s2">商业用地</td>
								</tr>&ndash;&gt;
							</tbody>
						</table>
                    </div>
                    <div class="tab-pane fade" id="fenbu">
                        <img src="__PUBLIC__/images/tab2.jpg" width="100%"/>
                    </div>
                    <div class="tab-pane fade" id="tongji">
                    	<div class="map-table">
                    		<table class="main-table">
								<thead>
									<tr>
										<th>分类</th>
										<th>数量</th>
										<th>注册资本</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>公司</td>
										<td>15</td>
										<td class="red">368,689</td>
									</tr>
									<tr>
										<td>公司</td>
										<td>15</td>
										<td class="red">368,689</td>
									</tr>
									<tr>
										<td>公司</td>
										<td>15</td>
										<td class="red">368,689</td>
									</tr>
									<tr>
										<td>公司</td>
										<td>15</td>
										<td class="red">368,689</td>
									</tr>
									<tr>
										<td>公司</td>
										<td>15</td>
										<td class="red">368,689</td>
									</tr>
								</tbody>
							</table>
                    	</div>
                    </div>
                    <div class="tab-pane fade" id="nashui">
                        <img src="__PUBLIC__/images/tab4.jpg" width="100%"/>
                    </div>

                    <div class="tab-pane fade" id="hangye">
                    	<div class="map-table">
	                        <table class="main-table">
								<thead>
									<tr>
										<th>序号</th>
										<th>楼宇名称</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
									<tr>
										<td>2</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
									<tr>
										<td>3</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
									<tr>
										<td>4</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
									<tr>
										<td>5</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
									<tr>
										<td>6</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
									<tr>
										<td>7</td>
										<td class="tl">南京雷格斯逸亚会务服务有限公司</td>
									</tr>
								</tbody>
							</table>
						</div>
                    </div>

                </div>-->
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/echarts/echarts.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/echarts/macarons.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Q1oD5ADWcba2LGaq9Y067YrplSKgzFYj"></script>
<script type="text/javascript">
    $(function () {
        initMap();

    })
    function initMap() {
        var point = new BMap.Point(118.796204, 32.034262);
        // 百度地图API功能
        var map = new BMap.Map("allmap", {minZoom: 15, maxZoom: 18, enableMapClick: false});    // 创建Map实例
        map.centerAndZoom(point, 15);  // 初始化地图,设置中心点坐标和地图级别
        map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
        map.setCurrentCity("南京");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

        //添加地图控件
        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
        var top_right_navigation = new BMap.NavigationControl({
            anchor: BMAP_ANCHOR_TOP_RIGHT,
            type: BMAP_NAVIGATION_CONTROL_SMALL
        }); //右上角，仅包含平移和缩放按钮

        map.addControl(top_left_control);
        map.addControl(top_left_navigation);
        map.addControl(top_right_navigation);

        //矩形区域坐标点
        var bounds = map.getBounds();
        var sw = bounds.getSouthWest();
        var ne = bounds.getNorthEast();
        var swPoint = new BMap.Point(sw.lng, sw.lat);
        var nePoint = new BMap.Point(ne.lng, ne.lat);
        var level = map.getZoom(); // 定义地图缩放等级的变量


        myAddMarker(map,level,swPoint,nePoint); //批量添加标注

        //监听缩放事件
        map.addEventListener("zoomend", function (e) {
            var bounds = map.getBounds();
            var sw = bounds.getSouthWest();
            var ne = bounds.getNorthEast();
            var swPoint = new BMap.Point(sw.lng, sw.lat);
            var nePoint = new BMap.Point(ne.lng, ne.lat);
            var level = map.getZoom(); // 定义地图缩放等级的变量
            myAddMarker(map, level, swPoint, nePoint);//添加标注

        });

        //监听拖动事件
        map.addEventListener("dragend", function (e) {
            var bounds = map.getBounds();
            var sw = bounds.getSouthWest();
            var ne = bounds.getNorthEast();
            var swPoint = new BMap.Point(sw.lng, sw.lat);
            var nePoint = new BMap.Point(ne.lng, ne.lat);
            var level = map.getZoom(); // 定义地图缩放等级的变量
            myAddMarker(map,level,swPoint,nePoint);
        });
    }
    /* marker.addEventListener("click", function () {
     var sContent ="<div class='clearfix'>"+
     "<img style='float:left;margin-right:6px' id='imgDemo' src='__PUBLIC__/images/img-jc.jpg' width='64px' height='64px' title='九龙大厦'/>" +
     "<div style='float:left;width:170px'><h4 style='margin:0 0 5px 0;'>斯亚财富中心</h4>" +
     "<p style='margin:0;line-height:1.5;font-size:13px;'>江苏省南京市秦淮区</p>" +
     "<p style='margin:0;line-height:1.5;font-size:13px;'>邮编：210001</p></div>" +
     "</div>";
     var infoWindow = new BMap.InfoWindow(sContent, {width: 250, height: 65});  // 创建信息窗口对象
     this.openInfoWindow(infoWindow);
     //图片加载完毕重绘infowindow
     $("#tapCon").show();
     document.getElementById('imgDemo').onload = function () {
     infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
     }
     });*/



    // 将标注添加到地图中
    function myAddMarker(map,level,swPoint,nePoint) {
        map.clearOverlays();//清空地图上标注点
        //var markers = [];
        var sw_str = swPoint.lat + ',' + swPoint.lng;
        var ne_str = nePoint.lat + ',' + nePoint.lng;
        var act = 0;
        if (level > 15) {
            act = 1;
            $.ajax({
                url: "{:U('Api/House/houseStatistics')}",
                type: "post",
                data: {
                    "swPoint": sw_str,
                    "nePoint": ne_str,
                    'act': act,
                },
                success: function (data) {
                    for (var i = 0; i < data.data.info.length; i++) {
                        var myIcon = new BMap.Icon("__PUBLIC__" + "/images/mapIcon.png", new BMap.Size(27, 27));
                        var myMarker = new BMap.Marker(new BMap.Point(data.data.info[i].longitude, data.data.info[i].latitude),{icon: myIcon});
                        map.addOverlay(myMarker);
                       var url = (data.data.info[i].attachment.length>0)?'__ROOT__'+data.data.info[i].attachment[0].attachment:'';
                        var sContent = "<div class='clearfix'>" +
                            "<img style='float:left;margin-right:6px' id='imgDemo' src='"+ url + "' width='64px' height='64px' title='" + data.data.info[i].name + "'/>" +
                            "<div style='float:left;width:170px'><h4 style='margin:0 0 5px 0;'>" + data.data.info[i].name + "</h4>" +
                            "<p style='margin:0;line-height:1.5;font-size:13px;'>"+data.data.info[i].position+"</p>" +
                            "<p style='margin:0;line-height:1.5;font-size:13px;'>邮编："+data.data.info[i].zip_code+"</p></div>" +
                            "</div>";
                        var tabcon_str = '';
                        tabcon_str += '<ul id="myTab" class="nav nav-tabs">'+
                        				'<li class="active"><a href="#xinxi" data-toggle="tab">楼宇信息</a></li>'+
                        				'<li><a href="#fenbu" data-toggle="tab">业态分布</a></li>'+
                        				'<li><a href="#tongji" data-toggle="tab">纳税排名</a></li>'+
                        				'<li><a href="#nashui" data-toggle="tab">纳税分析</a></li>'+
                        				'<li><a href="#hangye" data-toggle="tab">入驻企业列表</a></li>'+
                        				'</ul>';
                        tabcon_str += '<div id="myTabContent" class="tab-content">';
                        tabcon_str += '<div class="tab-pane fade in active" id="xinxi">'+
                        				'<img src="'+url+'" alt="暂无图片" width="100%"/>'+
                         				'<table class="main-table"><tbody>'+
                         				'<tr><td class="s1">名称：</td><td class="s2">'+data.data.info[i].name+'</td><td class="s1">用地性质：</td><td class="s2">'+data.data.info[i].houseType+'</td></tr>'+
                         				'<tr><td class="s1">地址：</td><td class="s2">'+data.data.info[i].position+'</td><td class="s1">经营方式：</td><td class="s2"></td></tr>'+
                                        '<tr><td class="s1">出租面积：'+data.data.info[i].leaseArea+'</td><td class="s2"></td><td class="s1">建筑面积：</td><td class="s2">'+data.data.info[i].area+'</td></tr>'+
                                        '<tr><td class="s1">入驻企业数量：'+data.data.info[i].companyNum+'</td><td class="s2"></td><td class="s1">入住率：</td><td class="s2"></td></tr>'+
                         				'</tbody></table>'+
                         				'</div>';
                        tabcon_str += '<div class="tab-pane fade" id="fenbu"><div id="fenbuCon" style="height:300px;width:490px;"></div></div>';
                        tabcon_str += '<div class="tab-pane fade" id="tongji"><div class="map-table">'+
                        				'<table class="main-table"><thead><tr><th>排名</th><th>楼宇名称</th><th>营业收入（万元）</th><th>纳税额（万元）</th></tr></thead>'+
                        				'<tbody id="tongjiCon">'+
                        				
                        				'</tbody></table>'+
                        				'</div></div>';
                        tabcon_str += '<div class="tab-pane fade" id="nashui"><div id="nashuiCon" style="height:400px;width:490px;"></div></div>';
                        tabcon_str += '<div class="tab-pane fade" id="hangye"><div class="map-table">'+
                        				'<table class="main-table"><thead><tr><th>序号</th><th>企业名称</th></tr></thead>'+
                        				'<tbody id="company">';
                        if(data.data.info[i].company.length > 0){
                            for (var j = 0; j < data.data.info[i].company.length; j++) {
                                var number = j+1;
                                tabcon_str += '<tr><td>' + number + '</td><td class="tl">' + data.data.info[i].company[j].name + '</td></tr>';
                            }
                        }
                        tabcon_str += '</tbody></table>'+
                        				'</div></div>';
                        tabcon_str += '</div>';
                        addClickHandler(map,myMarker,sContent,tabcon_str,data.data.info[i].org_id,data.data.info[i].id);
                    }
                }
            });

        } else {
            $.ajax({
                url: "{:U('Api/House/houseStatistics')}",
                type: "post",
                data: {
                    'act': act,
                },
                success: function (data) {
                    var myGeo = new BMap.Geocoder();
                    var orgs = [];
                    for (var i = 0; i < data.data.info.length; i++) {
                        orgs[data.data.info[i].name] =data.data.info[i];
                    }
                    for (var i = 0; i < data.data.info.length; i++) {
                        var orgName = data.data.info[i].name;
                        myGeo.getPoint(orgName, function(point,obj){
                            if (point) {
                                var myIcon = new BMap.Icon("__PUBLIC__" + "/images/mapIcon.png", new BMap.Size(27, 27));
                                var myMarker = new BMap.Marker(point,{icon: myIcon});
                                //把marker点的信息显示在地图上;
                                map.addOverlay(myMarker);
                                var sContent = "<div class='clearfix'>" +
                                    "<div style='float:left;width:170px'><h4 style='margin:0 0 5px 0;'>" + orgs[obj.address].name + "</h4>" +
                                    "<p style='margin:0;line-height:1.5;font-size:13px;'>"+orgs[obj.address].address+"</p>" +
                                    "</div>";
                                var tabcon_str = '';
                                tabcon_str += '<ul id="myTab" class="nav nav-tabs">'+
                                				'<li class="active"><a href="#xinxi" data-toggle="tab">街道信息</a></li>'+
                                				'<li><a href="#fenbu" data-toggle="tab">业态分布</a></li>'+
                                				'<li><a href="#tongji" data-toggle="tab">纳税排名</a></li>'+
                                				'<li><a href="#nashui" data-toggle="tab">纳税分析</a></li>'+
                                				'<li><a href="#hangye" data-toggle="tab">入驻企业列表</a></li>'+
                                				'</ul>';
                                tabcon_str += '<div id="myTabContent" class="tab-content">';
                                /* tabcon_str +='<img src="__ROOT__'+ data.data.info[i].attachment[0].attachment +'" width="100%"/>';*/
                                tabcon_str += ' <div class="tab-pane fade in active" id="xinxi">'+
                                				'<table class="main-table"><tbody>'+
                                				'<tr><td class="s1">名称：</td><td class="s2">'+orgs[obj.address].name+'</td><td class="s1">地址：</td><td class="s2">'+orgs[obj.address].address+'</td></tr>'+
                                				'</tbody></table>'+
                                				'</div>';
                                tabcon_str += '<div class="tab-pane fade" id="fenbu"><div class="select-box">选择年份：<select name="year" id="fenbuYear"><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><div id="fenbuCon" style="height:300px;width:490px;"></div></div>';
                                tabcon_str += '<div class="tab-pane fade" id="tongji"><div class="select-box">选择年份：<select name="year" id="tongjiYear"><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><div class="map-table">'+
                                				'<table class="main-table"><thead><th>排名</th><th>楼宇名称</th><th>营业收入（万元）</th><th>纳税额（万元）</th></thead>'+
                                				'<tbody id="tongjiCon">'+
                                				
                                				'</tbody></table>'+
                                				'</div></div>';
                                tabcon_str += '<div class="tab-pane fade" id="nashui"><div class="select-box">选择年份：<select name="year" id="nashuiYear"><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><div id="nashuiCon" style="height:300px;width:490px;"></div></div>';
                                tabcon_str += '<div class="tab-pane fade" id="hangye"><div class="map-table">'+
                                				'<table class="main-table"><thead><tr><th>序号</th><th>企业名称</th></tr></thead>'+
                                				'<tbody id="company">';
                                for (var j = 0; j < orgs[obj.address].company.length; j++) {
                                     var number = j+1;
                                    tabcon_str += '<tr><td>' + number + '</td><td class="tl">' + orgs[obj.address].company[j].name + '</td></tr>';
                                }
                                tabcon_str += '</tbody></table>'+
                                				'</div></div>';
                                tabcon_str += '</div>';
                                addClickHandler(map,myMarker,sContent,tabcon_str,orgs[obj.address].id,"");
                            }
                        }, "南京市");

                    }
                }
            });

        }

    }
    function addClickHandler(map,marker,sContent,tabcon_str,orgId,houseId) {
        marker.addEventListener("click", function (e) {
                openInfo(map,sContent,tabcon_str,orgId,houseId, e)
            }
        );

    }
    function openInfo(map,content, tabcon_str,orgId,houseId,e) {
        var p = e.target;
        var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
        var infoWindow = new BMap.InfoWindow(content, {width: 250, height: 65});  // 创建信息窗口对象
        map.openInfoWindow(infoWindow, point); //开启信息窗口
        //var infoWindow = new BMap.InfoWindow(content,opts);  // 创建信息窗口对象
        //map.openInfoWindow(infoWindow,point); //开启信息窗口
        //图片加载完毕重绘infowindow
        $("#tapCon").html(tabcon_str);
        $("#tapCon").show();
        
        $("#fenbuYear").change(function(){
            var year = $(this).val();
            getFenbu(orgId,houseId,year);
        })
        
        $("#tongjiYear").change(function(){
            var year = $(this).val();
            getTongji(orgId,houseId,year);
        })
        
        $("#nashuiYear").change(function(){
            var year = $(this).val();
            getNsje(orgId,houseId,year);
        })
        getFenbu(orgId,houseId,'');
        getTongji(orgId,houseId,'');
        getNsje(orgId,houseId,'');
        
        

        infoWindow.addEventListener('close',function(){ //隐藏自带的关闭按钮
            $("#tapCon").hide();

        })
        infoWindow.addEventListener('clickclose',function(){ //隐藏自带的关闭按钮
            $("#tapCon").hide();
        })

        /*document.getElementById('imgDemo').onload = function () {
            infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
        }*/
    }
    function getNsje(orgId,houseId,year){
        $.ajax({
            url:"{:U('Api/House/getNsje')}",
            type:"post",
            dataType:"json",
            data:{
                orgId : orgId,
                houseId : houseId
            },
            success:function(data){
                nsje(data);
            }
        })
    };
    
    function getTongji(orgId,houseId,year){
        $.ajax({
            url:"{:U('Api/House/getTongji')}",
            type:"post",
            dataType:"json",
            data:{
                orgId : orgId,
                houseId : houseId,
                year : year
            },
            success:function(data){
                var html = '';
                for(var i = 0 ; i < data.length; i++){
                    var item = data[i];
                    html += '<tr><td class="no1">'+(i+1)+'</td><td>'+item.name+'</td><td>'+common.formatNumber(item.turnover,2)+'</td><td class="red">'+common.formatNumber(item.tax_amount,2)+'</td></tr>';
                }
                $("#tongjiCon").html(html);
            }
        })
    }
    
    function getFenbu(orgId,houseId,year){
        $.ajax({
            url:"{:U('Api/House/getFenbu')}",
            type:"post",
            dataType:"json",
            data:{
                orgId : orgId,
                houseId : houseId,
                year : year

            },
            success:function(data){
                fenbu(data);
            }
        })
    }


    function fenbu(option) {
        if (option.series[0].data.length == 0) {
            $("#fenbuCon").html('<p style="padding-top:30px;text-align: center;">暂无数据</p>');
            return;
        }
        var myChart = echarts.init(document.getElementById('fenbuCon'), "macarons");
        option.series[0].center = ['70%', '50%'];
        myChart.setOption(option);
    }

    function nsje(option) {
        if (option.series[0].data.length == 0) {
            $("#nashuiCon").html('<p style="padding-top:30px;text-align: center;">暂无数据</p>');
            return;
        }
        var myChart = echarts.init(document.getElementById('nashuiCon'), "macarons");
        myChart.setOption(option);
    }
    /*function getData(level,sw_str,ne_str) {
     var markers = [];
     var sw_str = swPoint.lat+','+swPoint.lng;
     var ne_str = nePoint.lat+','+nePoint.lng;
     var act = level>16?1:0;
     if(act){
     $.ajax({
     url:"{:U('Api/House/houseStatistics')}",
     type:"post",
     data:{
     "swPoint":sw_str,
     "nePoint":ne_str,
     'act':act,
     },
     success:function(data){
     for (var i = 0; i <data.data.list.length; i ++){
     markers[data.data.list[i].latitude+'-'+data.data.list[i].latitude] = data.data.list[i];
     }
     }

     });
     }else{

     }
     return markers;
     }*/



    //	marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画


</script>
</body>
</html>
